<!-- date picker-->
<script type="text/javascript" src="<?php echo base_url()?>assets/js/admin_js/jquery/jquery-1.6.2.js"></script>   
<script type="text/javascript" src="<?php echo base_url()?>assets/js/admin_js/jquery/ui/ui.datepicker.js"></script>
<!-- time picker -->
<script type="text/javascript" src="<?php echo base_url()?>assets/js/admin_js/jquery/ui/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>assets/js/admin_js/jquery/ui/jquery-ui-timepicker-addon.js"></script>	


<script>
	$(function() {
		$( "#datepicker" ).datepicker({
			changeMonth: true,
			changeYear: true,
			minDate: 0,
			dateFormat: 'yy-mm-dd',
			yearRange: "<?php echo '1lik960:'.date('Y');?>"
		});
		
		$("#datetimepicker1").datetimepicker({
			changeMonth: true,
			changeYear: true,
			hour: 13,
			minute: 15,
			stepMinute: 5,
			dateFormat: 'yy-mm-dd',
			timeFormat: 'hh:mm:ss',
			numberOfMonths: 3,
			minDate: 0,
			maxDate: 100	
		});
		$("#datetimepicker2").datetimepicker({
			changeMonth: true,
			changeYear: true,
			hour: 13,
			minute: 15,
			stepMinute: 5,
			dateFormat: 'yy-mm-dd',
			timeFormat: 'hh:mm:ss',
			numberOfMonths: 3,
			minDate: 0,
			maxDate: 100
		});
		$("#timepicker").timepicker({
			stepMinute: 5
		});
	});
</script>

<?php echo loadTinyMCE('advance');?>
<div class="left"></div>
<div class="right"></div>
<div class="heading">
	<h1 style="background-image: url('<?php echo base_url()?>assets/images/order.png');">Katalog</h1>
</div>
<div class="yui-gc wrapper">
<h1>Event</h1>
<form action="" method="post" enctype="multipart/form-data" id="frmAdd" style="width:100%">
    <div class="yui-u first">
        <fieldset>
		<legend>Event Baru</legend>
		<ul>
			<li>
				<label for="nm_event">Nama Event</label>
				<?php echo form_error('nm_event', '<div class="error">', '</div>'); ?>
				<input type="text" STYLE="font-weight:bold;font-size:14px" name="nm_event" class="text" font-weight ="bold" value="<?php echo set_value('nm_event'); ?>">
			</li>			
			<li>
				<label for="desk">Deskripsi Event</label>				
				<?php echo form_error('desk', '<div class="error">', '</div>'); ?>
				<textarea name="desk" ><?php echo set_value('desk'); ?></textarea>
			</li>					
			<li>
				<label for="date_event">Tanggal Event</label>
				<?php echo form_error('date_event', '<div class="error">', '</div>'); ?>
				<input type="text" id="datepicker" class="text" name="date_event" readonly="readonly" value="<?php echo set_value('date_event'); ?>">
			</li>			
			<li>
				<label for="time_event">Waktu Event</label>
				<?php echo form_error('time_event', '<div class="error">', '</div>'); ?>
				<input type="text" id="timepicker" class="text" name="time_event" readonly="readonly" value="<?php echo set_value('time_event'); ?>">
			</li>			
			<li>
				<label for="location">Lokasi</label>
				<?php echo form_error('location', '<div class="error">', '</div>'); ?>
				<input type="text" name="location" class="text" value="<?php echo set_value('location'); ?>">
			</li>
			<li>
				<label for="quota">Kapasitas</label>
				<?php echo form_error('quota', '<div class="error">', '</div>'); ?>
				<input type="text" name="quota" class="text" value="<?php echo set_value('quota'); ?>">
			</li>
			<li>
				<label for="date_open">Tanggal Buka</label>
				<?php echo form_error('date_open', '<div class="error">', '</div>'); ?>
				<input type="text" id="datetimepicker1" class="text" name="date_open" readonly="readonly" value="<?php echo set_value('date_open'); ?>">
			</li>
			<li>
				<label for="date_closed">Tanggal Tutup</label>
				<?php echo form_error('date_closed', '<div class="error">', '</div>'); ?>
				<input type="text" id="datetimepicker2" class="text" name="date_closed" readonly="readonly" value="<?php echo set_value('date_closed'); ?>">
			</li> 
			<li>
				<input type="submit" value="Selanjutnya"> atau <?php echo anchor('backend/event','Batalkan')?>
			</li>
		</ul>
    </fieldset>
    </div>
	
	<fieldset>
		<legend>Kelas</legend>
		<?php include 'addKelas.php' ?>	
	</fieldset>
</form>
</div>